@bgColor: #f5f5f5;
@grayBorder: #c8c7cc;
@amountRed: #f44336;

.bgSet (@color: transparent; @size: 100%; @position: center; @repeat: no-repeat) {
  background-color: @color;
  background-size: @size;
  background-repeat: @repeat;
  background-position: @position;
}

.bgSrc (@image; @size: cover; @position: center) {
  background-repeat: no-repeat;
  background-size: @size;
  background-position: @position;
  background-image: url(@image);
}

.fontScale (@fontSize: 20px; @scale: .5) {
  font-size: @fontSize;
  transform: scale(@scale);
}

.borderBottom1px (@color: #e8e8e8) {
  position: relative;
  &:after {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -0.5px;
    content: '';
    height: 1px;
    border-bottom: 1px solid @color;
    transform: scaleY(.6);
  }
}

.lineClamp (@lines: 2) {
  display: box;
  display: -webkit-box;
  box-orient: vertical;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
  word-break: break-all;
  -webkit-line-clamp: @lines;
}

.setBtnOpacity(){
  // opacity: 0.5; // 设置按钮按下去透明度
  &:active {
    opacity: 0.5;
  }
}
#bar {
  opacity: 0;
  position: absolute;
  left: -1000px;
  top: -1000px;
}